<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>箭头函数</title>
    <script>
        /* 
            1.箭头函数没有自身的this，箭头函数的this由外层作用域的this决定。同样也无法通过call(),apply(),bind()修改this。
            2.箭头函数没有arguments，但是可用可变参数。
        */

        const fn=(a,b)=>{
            console.log(this)
            console.log(a,b)
        }

        const obj={'name':'孙悟空'}


        // 这时的this依旧是window，
        fn()            
        fn.apply(obj)
        fn.call(obj)
        const newFn=fn.bind(obj,10,20)
        newFn(1,2)     // 绑定的新函数也是window,帮了也没用,但是可以绑定新函数的参数
    </script>
</head>
<body>
    
</body>
</html>